<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript">
	</script>
	
    <script type="text/javascript">

		function initialize() 
		{
			if (GBrowserIsCompatible()) 
			{
				var map = new GMap2(document.getElementById("map_canvas"));
				map.setCenter(new GLatLng(43.652527, -79.381961), 15);
				map.addControl(new GSmallMapControl());
				GEvent.addListener(map, 'click', function(overlay, latlng) 
				{
				    var lat = latlng.lat();
					var lon = latlng.lng();
					var latOffset = 0.01;
					var lonOffset = 0.01;
					var polygon = new GPolygon([
					new GLatLng(lat, lon - lonOffset),
					new GLatLng(lat + latOffset, lon),
					new GLatLng(lat, lon + lonOffset),
					new GLatLng(lat - latOffset, lon),
					new GLatLng(lat, lon - lonOffset)], "#f30f00", 5, 1, "#ff0000", 0.2);
					map.addOverlay(polygon);
				});
				map.setUIToDefault();
			}
		}

    </script>
  
  </head>
  <body onload="initialize()" onunload="GUnload()">
     <div id="map_canvas" style="width: 1200px; height: 900px"></div>
  </body>
</html>